<!DOCTYPE html>
<html>
<head>
	<title>图片轮播</title>
</head>
<style type="text/css">
.imgbox{
	width: 600px;
	height: 300px;
}
.imgbox ul{
	width: 600px;
	height: 300px;
	list-style: none;
	position:relative;
}
.imgbox ul li{
	width: 25%;
	/*height: 100%;*/
	float: left;
}
.imgbox ul li img{
	width: 100%;
}



</style>
<body>
	<div class="imgbox">
		<ul id="ul_Box">
			<li><img src="C:\Users\14129\Pictures/微信图片_20190805112231.jpg"></li>
			<li><img src="C:\Users\14129\Pictures/微信图片_20190805112242.jpg"></li>
			<li><img src="C:\Users\14129\Pictures/微信图片_20190805103214.jpg"></li>
			<li><img src="C:\Users\14129\Pictures/微信图片_20190805103205.jpg"></li>
		</ul>
	</div>
	<button id="btn01">上一张</button>
	<button id="btn02">下一张</button>
</body>
<script>
//获取父级
var ulbox = document.getElementById("ul_Box");
var firstimg = ulbox.children[0];
var second = ulbox.children[1];
console.log(firstimg)
//绑定点击事件
var btn1 = document.getElementById("btn01");
var btn2 = document.getElementById("btn02");
btn1.onclick = function(){

}




</script>
</html>